<template>
    <div>
        地址：https://github.com/ecomfe/vue-echarts
        echarts: https://www.echartsjs.com/zh/api.html#echarts

        This is a vue 2.x page
    <hr/>
        <v-chart :options="options"/>
    </div>
</template>
<script>
    import 'echarts/lib/chart/line'
    import 'echarts/lib/component/polar'
    export default{
        components: {},
        data: function () {
            let data = [];

            for (let i = 0; i <= 360; i++) {
                let t = i / 180 * Math.PI;
                let r = Math.sin(2 * t) * Math.cos(2 * t);
                data.push([r, i])
            }

            return {
                options: {
                    title: {
                        text: '极坐标双数值轴'
                    },
                    legend: {
                        data: ['line']
                    },
                    polar: {
                        center: ['50%', '54%']
                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'cross'
                        }
                    },
                    angleAxis: {
                        type: 'value',
                        startAngle: 0
                    },
                    radiusAxis: {
                        min: 0
                    },
                    series: [
                        {
                            coordinateSystem: 'polar',
                            name: 'line',
                            type: 'line',
                            showSymbol: false,
                            data: data
                        }
                    ],
                    animationDuration: 2000
                }
            }
        },
        computed: {},
        created: function () {

        },
        methods: {}
    }
</script>
<style>
    .echarts {
        width: 100%;
        height: 100%;
    }
</style>
